/* eslint-disable react/jsx-pascal-case */
import { Component } from 'react'
import { initialState } from 'high-order-react'
import { Layout } from 'antd'
import { Header as CpmHeader, Home as CpmHome, Show, TechnologyList } from './components/index'
import './index.scss'

const { Header } = Layout

interface homeProps {}

interface homeState {}

@initialState<homeState>({})
class Home extends Component<homeProps, homeState> {
  render() {
    return (
      <Layout className='homeLayout'>
        <Header className='layoutHeader'>
          <CpmHeader />
        </Header>
        <Show
          showList={[
            <div className='layoutContent' style={{ height: '100%' }}>
              <CpmHome />
            </div>,
            <TechnologyList />,
          ]}
        />
      </Layout>
    )
  }
}

export default Home
